<template>
  <div class="c-page" v-cloak>
  	<transition :name="'vux-pop-' + (direction === 'forward' ? 'in' : 'out')">
      <router-view v-if="!isFirstPage" class="router-view"></router-view>
  	</transition>	
    <router-view v-if="isFirstPage" class="router-view"></router-view>
  </div>
</template>

<script>
import {mapActions,mapGetters} from 'vuex';
export default {
  computed:{
    ...mapGetters(['direction' ,'isFirstPage']),    
  },
}
</script>

<style lang="less">
@import '~vux/src/styles/reset.less';
@import '~vux/src/styles/1px.less';
body {
  background-color: #fbf9fe;
}
</style>